<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
    .div1 {
      width: 200px;
      height: 200px;
      border: 1px solid #dddddd;
      /*
        word-break 属性规定自动换行的处理方法
        语法：
        word-break: normal|break-all|keep-all;
          normal: 使用浏览器默认的换行规则
          break-all: 允许在单词内换行。 只对英文起作用，以字母作为换行依据。
          keep-all: 只能在半角空格或连字符处换行
      */
      word-break: break-all;
    }
  </style>
</head>
<body>
<div class="div1">
  An apple tree producing square fruit is baffling experts.成为自己热爱的模样，不必听从他人的喜恶。
</div>
</body>
</html>